<aside [@octrigger]="opened ? 'openS' : 'closeS'" id="member-side-panel" class="main-color">
    <!-- 会员信息 -->
    <div id="member-side-info" class="main-bg">
        <div class="media">
            <app-member-local-avatar [link]="memberPanelData.avatar" [scale]="64"></app-member-local-avatar>
            <div class="media-body" style="padding-left:15px;padding-top:10px">
                <h6 class="member-{{memberPanelData.color}}">{{memberPanelData.nickname}}</h6>
                <p>{{memberPanelData.signature}}</p>
            </div>
        </div>
        <div class="row" style="margin-top:30px">
            <div class="col-4 col-md-4 text-center ms-info-item">
                <h6 class="main-link">{{memberPanelData.status}}</h6>
                <small>状态</small>
            </div>
            <div class="col-4 col-md-4 text-center ms-info-item">
                <h6 class="main-link">{{memberPanelData.role}}</h6>
                <small>组</small>
            </div>
            <div class="col-4 col-md-4 text-center ms-info-item">
                <h6 class="main-link">{{memberPanelData.group}}</h6>
                <small>角色</small>
            </div>
        </div>
    </div>
    <div class="alert alert-warning" role="alert" *ngIf="memberPanelData.id == 0">
        当前是游客身份! <a [routerLink]="['/member/login']">登录</a> 或 <a [routerLink]="['/member/register']">注册</a>
    </div>
    <!-- 导航 -->
    <div id="member-side-navi">
        <h5 class="default-txt-color">菜单</h5>
        <ul class="nav flex-column aside-navi">
            <li class="nav-item"><a class="d-block" [routerLink]="['/home']"><span class="nav-item-anchor"><i class="ico mdi mdi-home"></i></span>首页</a></li>
            <li class="nav-item"><a class="d-block" [routerLink]="['/board/home']"><span class="nav-item-anchor"><i class="ico mdi mdi-layers"></i></span>版块中心</a></li>
            <li class="nav-item"><a class="d-block" [routerLink]="['/message']"><span class="nav-item-anchor"><i class="ico mdi mdi-notifications"></i></span>消息</a></li>
            <li class="nav-item"><a class="d-block" [routerLink]="['/member/home']"><span class="nav-item-anchor"><i class="ico mdi mdi-account"></i></span>管理中心</a></li>
            <li class="nav-item" *ngIf="memberPanelData.id > 0"><a class="d-block" [routerLink]="['/member/offline']"><span class="nav-item-anchor"><i class="ico mdi mdi-power"></i></span>注销</a></li>
        </ul>
    </div>
    <span id="member-side-close" class="btn btn-link">
        <button type="button" class="close" aria-label="关闭" (click)="closePanel($event)">
            <span aria-hidden="true">&times;</span>
         </button>
    </span>
</aside>
